<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../../common/js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../common/js/bootstrap-3.3.7-dist/css/bootstrap-theme.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/store_member/style.css" />

		<script src="../../../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../../common/js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.container-fluid {
				padding: 0;
			}
			input,button{
				border: 0;
				outline: none;
			}
			.vip_msg_add input {
				padding-left: 0.277777rem;
			}
		</style>
	</head>

	<body style="background-color: #F5F5F5;">
		<div class="header">
			<a href="javascript:history.go(-1)" class="glyphicon glyphicon-menu-left f28 col-xs-4" style="text-align: left;"></a>
			<span class="f28 col-xs-4" style="text-align: center;">我的个人信息</span>
			<!--<span class="f28 col-xs-4" style="text-align: right;">会员认证</span>-->
		</div>
		<div class="container-fluid">
			<ul>
				<li class="vip_msg_add"> <span>*用户名:</span><input style="border: 0;" type="text" name="" id="name" value="" placeholder="请输入用户名" /></li>
				<li class="vip_msg_add"> <span>*性别:</span><input style="border: 0;" type="text" name="" id="sex" value="" placeholder="请确认您的性别" /></li>
				<li class="vip_msg_add"> <span>*行业:</span><input style="border: 0;" type="text" name="" id="hangye" value="" placeholder="请输入您的行业" /></li>
				<li class="vip_msg_add"> <span>*职业:</span><input style="border: 0;" type="text" name="" id="job" value="" placeholder="请输入您的职业" /></li>
				<li class="vip_msg_add"> <span>*爱好:</span><input style="border: 0;" type="text" name="" id="hobby" value="" placeholder="请输入您的爱好" /></li>
				<!--<li class="vip_msg_add"> <span>*居住地:</span><input style="border: 0;" type="text" name="" id="" value="" placeholder="请输入动态码"/><button style="background: red;color: white;border: 0;border-radius:1rem ;float: right;margin-right: .2rem;">免费获取</button></li>-->
				<li class="vip_msg_add"> <span>*居住地:</span><input style="border: 0;" type="text" name="" id="address" value="" placeholder="请输入居住地" /></li>
				<li class="vip_msg_add"> <span>*手机号:</span><input style="border: 0;" type="text" name="" id="phone" value="" placeholder="请输入手机号" /></li>
				<li class="vip_msg_add"> <span>*邮箱:</span><input style="border: 0;" type="text" name="" id="email" value="" placeholder="请输入邮箱" /></li>
			</ul>
			<!--<p>会员费用：199.00(元/年)</p>-->
			<p style="text-align: center;"><button class="add_btn" style="width: 30%;" id="sure">确定</button><button class="add_btn" id="jump"  style="width: 30%;margin-left: 15%;background: white;border: white;color: #CCCCCC;" >跳过</button></p>
		</div>
		<script src="../../../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("#jump").click(function(){
					window.location.href = "../../coalition/colalition.html";
				})
				$("#sure").click(function(){
					var id = 1;
					$.ajax({
						type:"post",
						url:"http://47.104.13.109/member-service/member/mine/member/{id}",
						async:true,
						data:{
							'id':id,
							'loginName':$("#name").val(),
							'gender':$("#sex").val(),
							'industry':$("#hangye").val(),
							'profession':$("#job").val(),
							'hobby':$("#hobby").val(),
							'address':$("#address").val(),
							'tel':$("#phone").val(),
							'email':$("#email").val()
						},
						success:function(res){
							console.log(res);
							window.location.href = "../../coalition/colalition.html";
						},
						error:function(res){
							console.log(res);
						}
					});
					
					
					
					
					
				})
				
				
				
			})
		</script>
	</body>

</html>